<template>
	<view class="pa-b-130">
		<view class="ma-20 pa-20 bg-fff b-r-15 flex">
			<view class="w100"><image mode="widthFix" class="width90" src="/static/img/card.png"></image></view>
			<view class="ma-l-10 w-100">
				<view>中国工商银行</view>
				<view class="c-a8">姓名：王建国</view>
				<view class="c-a8 pa-b-10">卡号：4569 2589 5842 1263 269</view>
				<view class="flex f-center c-a8 b-t-1-F5 pa-t-10">
					<view>适用故事：醇香麦芽精酿啤酒‌500ml，‌沁爽青柠气泡水‌800ml</view>
					<view class="tn-icon-right c-a8"></view>
				</view>
			</view>
		</view>
		<view class="ma-20 pa-20 bg-fff b-r-15 flex">
			<view class="w100"><image mode="widthFix" class="width90" src="/static/img/wx.png"></image></view>
			<view class="ma-l-10 w-100">
				<view>微信支付</view>
				<view class="c-a8">姓名：王建国</view>
				<view class="c-a8 pa-b-10">微信号：4569 2589 5842 1263 269</view>
				<view class="flex f-center c-a8 b-t-1-F5 pa-t-10">
					<view>适用故事：‌冰萃冷泡果味茶‌500ml，‌古法酿造米酒‌800ml</view>
					<view class="tn-icon-right c-a8"></view>
				</view>
			</view>
		</view>
		<view class="ma-20 pa-20 bg-fff b-r-15 flex">
			<view class="w100"><image mode="widthFix" class="width90" src="/static/img/alipay.png"></image></view>
			<view class="ma-l-10 w-100">
				<view>支付宝</view>
				<view class="c-a8">姓名：王建国</view>
				<view class="c-a8 pa-b-10">支付宝账号：4569 2589 5842 1263 269</view>
				<view class="flex f-center c-a8 b-t-1-F5 pa-t-10">
					<view>适用故事：‌热带果缤纷混合果汁‌，‌清冽山泉天然矿泉水‌</view>
					<view class="tn-icon-right c-a8"></view>
				</view>
			</view>
		</view>
		
		<!--收款账户-->
		<view class="footerfixed dd-glass tn-padding-left-sm tn-padding-right tn-padding-top-xs tn-padding-bottom-sm">
			<view class="tn-flex-1 justify-content-item tn-margin-xs tn-text-center">
				<tn-button backgroundColor="#fbbd12" height="90rpx" padding="40rpx 0" width="90%" fontBold @click="edit" shape="round">
					<text class="tn-icon-plane-fill tn-padding-right-xs tn-color-white"></text>
					<text class="tn-color-white">新增收款账户</text>
				</tn-button>
			</view>
		</view>
	</view>
</template>

<script>
	var _this;
	export default {
		data() {
			return {
				
			}
		},
		mounted() {
			_this=this;
		},
		methods: {
			edit(){
				_this.utilNav.navigateTo("/pages/my/editreceiving")
			}
		}
	}
</script>

<style>
	.w100{
		width: 100rpx;
		height: 100rpx;
	}
	.w-100{
		width: calc(100% - 100rpx);
	}
</style>
